import React from 'react'
import { NavBarModule } from '../NavBarModule'
import { Flex,NoticeBar } from 'react-vant';
import './index.scss'
export const NavBarPlaySong = props => {
    const navbarInsert =(
        <Flex justify='between' align='start' className='navbar_playsong'>
            <span className='iconfont icon-jiantou' onClick={()=>props.back()}/>
            <Flex direction='column' justify='center'align='center' className='navbar_playsong_center'>
                <NoticeBar className='name' speed={40} scrollable text={props.songName} />
                <span className='ar'>{props.ar}</span>
                  
            </Flex>
            <span className='iconfont icon-fenxiang'/>
        </Flex>
    )
  return (
    <NavBarModule navbarInsert={navbarInsert} navBarObj={{height:'',changeBefore:'transparent',changeAfter:'transparent'}}/>
  )
}
// https://s3.music.126.net/mobile-new/img/needle-ab.png?4b81da043356110081e5ccaed2e6f2ad=
// https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4602256867/5855/63fb/325b/d7e4e3a244701ee85fecb5d4f6b5bd57.png?imageView=&quality=75&thumbnail=200y200